<html>

  <!--
    Demo of how HTML internal anchors work

    We can only link to id="", not the heading text
  -->

<body>

  <div>
      TOC

      <a href="#H2 Heading One">Link to H2 Heading One</a> <br/>

      <a href="#H2 Heading Two">Link to H2 Heading Two</a> <br/>

      <a href="#heading-2">Link to heading-2</a> <br/>

      <a href="#heading-3">Link to heading-3</a> <br/>
  </div>

  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>
  a <br/>


  <h2>H2 Heading One</h2>


  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>

  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>
  b <br/>


  <h2 id="heading-2">H2 Heading Two</h2>

  Text 2

  c <br/>
  c <br/>
  c <br/>

  <!--
    woudl be necessary
  <a name="heading-3"></a>
  -->
  <h2>heading-3</h2>

</body>
</html>

